<template>
    <el-container class="home-container">
        <div class="content-wrapper">
            <h1 class="title">欢迎来到 Vue3+TS+Pinia+Element-p</h1>
        </div>
    </el-container>
    <div>

    </div>
</template>

<script setup lang="ts">

</script>

<style scoped>
.home-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f5f5f5;
    padding: 20px;
    box-sizing: border-box;
}

.content-wrapper {
    text-align: center;
    max-width: 800px;
}

.title {
    color: #333;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 20px;
}
</style>